import createBreadcrumb from './graphicUtil'
// 是否显示提示框组件
const ifShowToolTip = true

// 默认缩放比例
const zoom = 1.5
// 背景颜色
const backgroundColor = '' //透明
// 是否拖拽地图
const roam = true
// 地图区块文字大小
const fontSize = '0.3rem'

// 鼠标点击弹出的提示框
function getToolTip() {
  return {
    show: ifShowToolTip,
    trigger: 'item',
    formatter: function (params) {
      // console.log(params); // 当我们想要自定义提示框内容时，可以先将鼠标悬浮的数据打印出来，然后根据需求提取出来即可
      // console.log(params)
      return '<div style="background-color: red"> %</div>'
    },
  }
}

// 根据map数据里的value值设置颜色
function getVisualMap() {
  return {
    min: 1,
    max: 15,
    left: 'left',
    top: 'bottom',
    text: ['高', '低'],
    calculable: true,
    seriesIndex: '0',
    show: false,
    inRange: {
      color: [
        '#dae84d',
        '#ffcc67',
        '#ffcd9c',
        '#dae84b',
        '#ccff9a',
        '#6feaa9',
        '#80ffc7',
        '#9effde',
        '#99ffff',
        '#8feeff',
        '#b1baff',
        '#ffcd9c',
        '#ffbef4',
        '#7babff',
        '#ccff9a',
      ],
    },
  }
}

/**
 * n 地图名
 * d 地图的数值与visualMap会用到
 * c 当前选中的行政区划code
 **/
export default function getOption(n, d, c) {
  return {
    backgroundColor: backgroundColor,
    graphic: createBreadcrumb(n, c), // 下钻导航（面包屑）
    // tooltip: getToolTip(), // 点击后的提示框
    geo: {
      map: n,
      zoom: zoom,
      roam: roam,
      label: {
        show: true,
        textStyle: {
          fontSize: fontSize,
          // fontWeight: "bold",
          color: '#212f20',
        },
      },
      itemStyle: {
        borderColor: 'rgb(255,255,255)', // 边框和阴影设置
        borderWidth: 1,
        areaColor: 'rgba(1, 51, 91, 1)',
        // shadowColor: 'rgba(0, 136, 159, 1)',
        // shadowOffsetX: 0,
        // shadowOffsetY: 10,
        // shadowBlur: 20
      },
      // 高亮状态下
      emphasis: {
        itemStyle: {
          areaColor: '#22a6b3', // 鼠标点击时候该区域地图背景的颜色
          borderWidth: 0,
        },
        label: {
          show: true,
          color: '#ffd200',
        },
      },
      // 选中状态下
      select: {
        itemStyle: {
          areaColor: '#22a6b3', // 鼠标点击时候该区域地图背景的颜色
          borderWidth: 0,
        },
        label: {
          show: true,
          color: '#ffd200',
        },
      },
    },
    series: [
      {
        type: 'map',
        zoom: zoom,
        map: n,
        data: d,
        geoIndex: 0, // 共享geo组件
      },
      // {
      //     name: mapJsonData.name,
      //     type: "effectScatter",
      //     coordinateSystem: "geo",
      //     data: convertData,
      //     silent: true, //禁止鼠标事件
      //     encode: {value: 3},
      //     symbolSize: [15, 15],
      //     showEffectOn: "render",
      //     rippleEffect: {
      //         brushType: "stroke",
      //     },
      //     hoverAnimation: true,
      //     label: {
      //         normal: {
      //             formatter: "{b}",
      //             position: "bottom",
      //             color: "#000",
      //             show: true,
      //         },
      //     },
      //     itemStyle: {
      //         color: "#10f9ff", // 图标小坐标点的背景色
      //         shadowBlur: 0,
      //         shadowColor: "#05C3F9"
      //     },
      //     z: 3,
      // },
    ],
    visualMap: getVisualMap(),
    animation: true,
    animationEasing: 'cubicOut',
  }
}
